<!-- 修改后的主组件部分代码 -->
<template>
  <div class="lottery-extractor">
  

   
    <div style="display: flex">
      <div style="padding: 20px; width: 100%;">
        <el-row :gutter="24"  >
          <el-col :span="12" class="card-col">
            <PlayOneSpecial   title="单/组"
                lotteryType="1" :dictList="dictList"></PlayOneSpecial>
          </el-col>
          <el-col :span="12" class="card-col">
            <!-- 使用新组件 -->
            <PlayTwo 
                title="组六复式"
                lotteryType="3"
                 :dictList="dictList"
                :no-arr-str.sync="form.four.noArrStr"
                :lottery-no.sync="form.four.lotteryNo" />
          </el-col>
          
          <!-- 玩法三已删除 -->
        </el-row>
        <el-row :gutter="24" >
          <el-col :span="12" class="card-col">
            <PlayTwo 
                title="组三复式"
                 lotteryType="2"
                  :dictList="dictList"
              :no-arr-str.sync="form.three.noArrStr"
              :lottery-no.sync="form.three.lotteryNo" />
          </el-col>
          <el-col :span="12" class="card-col">
            <!-- 使用新组件 -->
            <PlayTwo 
                title="单选单复式"
                 lotteryType="4"
                  :dictList="dictList"
              :no-arr-str.sync="form.two.noArrStr"
              @close=""
              :lottery-no.sync="form.two.lotteryNo" />
          </el-col>
          
          <!-- 玩法三已删除 -->
        </el-row>
      </div>

    </div>
  </div>
</template>

<script>
// 引入新组件
import PlayOne from './PlayOne.vue';
import PlayTwo from './PlayTwo.vue';
import PlayOneSpecial from './PlayOneSpecial.vue';
import { dataDictType} from "@/api/bussiness";


export default {
  components: {
    PlayOne,
        PlayTwo,
        PlayOneSpecial
  },
  data() {
    return {
      inputText: "",
      lotteryType: '1',
        results: [],
      dictList:[],
      form: {
        one: {
          lotteryNo: "",
          noArrStr: ""
        },
        two: {
          lotteryNo: "",
          noArrStr: ""
          },
         three: {
        lotteryNo: "",
        noArrStr: ""
      },
      four: {
        lotteryNo: "",
        noArrStr: ""
      }
        // 玩法三已删除
      },
    };
    },
  /**
   * 
   */
  mounted() {
    this.getDictType()
  },
  methods: {
    saveOk() { 
      console.log("我将保存参数");

      },
      //获取省份类型
    async  getDictType () { 
        const res = await dataDictType("sale_sheng");
        if (res.code)
        { 
            this.dictList = res.data;
            
        }
      },
    
    // 玩法三相关JS方法已删除
  },
};
</script>